<!--
 - Author : chenyliu.
 - Date   : 2016/9/1.
 - File   : index.vue.
 -->

<template>
  <div class="no-found">
    <img src="../../static/404.png">
    <h1>很抱歉你访问的页面不存在...</h1>
    <div><button class="btn btn-primary" @click="'./views/index.vue'">回到首页</button><button class="btn
    btn-primary">返回上一页</button></div>
  </div>
</template>

<script>

</script>

<style lang="less" scoped>
  .no-found{
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -157.5px;
    margin-top: -114px;
    text-align: center;
    font-family: "微软雅黑";
  }
  .no-found img{

  }
  .no-found h1{
    font-size: 18px;
    color:#779cbd;
    margin-bottom:15px;
  }
  .no-found .btn{
    margin: 0px 10px;
    padding: 8px 22px;
    border-radius: 3px;
    font-size:16px;
  }
</style>
